/*
 * Copyright (C) 2024 The Gravitee team (http://gravitee.io)
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *         http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
@use '@angular/material' as mat;

// Base colors for theme
$mat-primary: (
  main: #6c59bd,
  lighter: #d3cdeb,
  darker: #4f3ea6,
  200: #6c59bd,
  contrast: (
    main: #fff,
    lighter: #1d192b,
    darker: #1d192b,
  ),
);
$mat-accent: (
  main: #e8def8,
  lighter: #f8f7fe,
  darker: #e5deff,
  200: #e8def8,
  contrast: (
    main: #1d192b,
    lighter: #1d192b,
    darker: #1d192b,
  ),
);
$mat-warn: (
  main: #ba1a1a,
  lighter: #eababa,
  darker: #a30f0f,
  200: #ba1a1a,
  contrast: (
    main: #fff,
    lighter: #1d192b,
    darker: #1d192b,
  ),
);

// Palettes
$theme-primary: mat.define-palette($mat-primary, main, lighter, darker);
$theme-accent: mat.define-palette($mat-accent, main, lighter, darker);
$theme-warn: mat.define-palette($mat-warn, main, lighter, darker);
$theme-typography: mat.define-rem-typography-config();

// Variables
$banner-background-color: #eaddff;
$banner-text-color: #220f46;

// Variables: Light mode
$background-color: #f7f8fd;
$default-text-color: #1d192b;
$paragraph-color: color-mix(in srgb, $default-text-color 75%, #fff);
